@media only screen and (max-width: 575px) {
    .packages ,.holiday-grid,.gallery-container,.about {
  padding: 80px 20px;
}
.features {
  display: block;
}

}
@media only screen and (max-width: 995px) {
  header {
    padding: 0px 15px;
  }
  header > nav {
    display: none;
  }
  .Dream_Destination_logo {
    height: 100px;
  }
  .Dream_Destination_logo > img {
    height: 100%;
    margin-top: 10px;
  }
  #barbtn {
    display: block;
    width: 35px;
    height: auto;
    background: none;
    border: none;
  }
}

@media screen and (max-width: 1024px) {
  .planYourmid,
  .Honeymoon-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  .masonry {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  /* Different Heights */
  .box.tall,
  .box.medium,
  .box.small {
    padding: 0px;
    margin-top: 40px;
  }
  .box.tall img {
    height: 520px;
    object-fit: cover;
  }

  .box.medium img {
    height: 520px;
    object-fit: cover;
  }

  .box.small img {
    height: 520px;
    object-fit: cover;
  }
  .footerMain {
    display: block;
    text-align: center;
  }
  .social-icons li {
    display: block;
  }
  .app-icons img {
    width: 80px;
  }
}

@media screen and (max-width: 768px) {
  .planYourmid,
  .Honeymoon-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

@media only screen and (min-width: 995px) and (max-width: 1200px) {
  header {
    display: block;
    text-align: center;
    padding: 0px 0px;
  }
}

@media only screen and (max-width: 1400px) {
  .Dream_Destination_logo {
    margin-top: -20px;
  }
  header > nav > ul {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }
  header > nav > ul > li > a {
    font-size: 16px;
    letter-spacing: 1.2px;
  }
  header > nav > ul > li > button {
    font-size: 16px;
    letter-spacing: 1.2px;
  }
}